<template>
	<view class="page">
		<view class="box">
			<view class="im" style="padding: 20rpx;text-align: center;">
				<image :src="$imageOss(editForm.image)" mode="widthFix"></image>
			</view>
			<view class="" style="display: flex;align-items: center;padding: 20rpx;">
				<view class="leftIcon" style=""></view>
				<view class="">
					企业详情
				</view>
			</view>
			<view class="line"></view>
			<u-form :model="editForm" labelWidth="auto" ref="uForm">
				<u-form-item label="企业名称" borderBottom>
					<u-input v-model="editForm.name" border="none" placeholder="-" :disabled="true" disabledColor="#fff"
						input-align="right" font-size="28rpx" :placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="企业简称" borderBottom>
					<u-input v-model="editForm.referred" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="企业电话" borderBottom>
					<u-input v-model="editForm.telphone" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />

				</u-form-item>
				<u-form-item label="企业类型" borderBottom>
					<u-input v-model="editForm.type" border="none" placeholder="-" :disabled="true" disabledColor="#fff"
						input-align="right" font-size="28rpx" :placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="所属行业" borderBottom>
					<u-input v-model="editForm.industry" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />

				</u-form-item>
				<u-form-item label="所在地区" borderBottom>
					<u-input v-model="editForm.area" border="none" placeholder="-" :disabled="true" disabledColor="#fff"
						input-align="right" font-size="28rpx" :placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="详细地址" borderBottom>
					<u-input v-model="editForm.address" border="none" placeholder="-" disabledColor="#fff"
						:disabled="true" input-align="right" font-size="28rpx" :placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="邮政编码" borderBottom>
					<u-input v-model="editForm.zip_code" border="none" placeholder="-" disabledColor="#fff"
						:disabled="true" input-align="right" font-size="28rpx" :placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="企业传真" borderBottom>
					<u-input v-model="editForm.fax" border="none" placeholder="-" :disabled="true" disabledColor="#fff"
						input-align="right" font-size="28rpx" :placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="企业网址" borderBottom>
					<u-input v-model="editForm.website" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="成立时间" borderBottom>
					<u-input v-model="editForm.establishment_time" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
			</u-form>
		</view>
		<view class="box">
			<view class="" style="display: flex;align-items: center;padding: 20rpx;">
				<view class="leftIcon" style=""></view>
				<view class="">
					企业联系人
				</view>
			</view>
			<view class="line"></view>
			<u-form :model="editForm" labelWidth="auto" ref="uForm">
				<u-form-item label="联系人姓名" borderBottom>
					<u-input v-model="editForm.user_name" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="尊称" borderBottom>
					<u-input v-model="editForm.courtesy_title" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="部门职务" borderBottom>
					<u-input v-model="editForm.duties" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />

				</u-form-item>
				<u-form-item label="手机号码" borderBottom>
					<u-input v-model="editForm.phone" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
				<u-form-item label="电子邮箱" borderBottom>
					<u-input v-model="editForm.email" border="none" placeholder="-" :disabled="true"
						disabledColor="#fff" input-align="right" font-size="28rpx"
						:placeholder-style="placeholderStyle" />
				</u-form-item>
			</u-form>
		</view>

	</view>
</template>

<script>
	import {
		commonUpload
	} from "@/request/common.js";
	import {
		enterprise
	} from "@/request/myApi.js";
	export default {
		data() {
			return {
				editForm: {}, // 编辑表单

			};
		},

		onLoad(e) {
			this.getList(e.id);
		},
		methods: {
			getList(id) {
				let that = this
				enterprise({
					id
				}).then(res => {
					if (res.code == 200) {
						that.editForm = res.data[0]
					}else{
						uni.showToast({
							title: res.msg,
							duration: 1500,
							icon: 'none',
						})
					}
				})
			}
		},
	};
</script>

<style lang="scss" scoped>
	.page {
		.box {
			margin: 20rpx 28rpx;
			box-shadow: 0px -5px 10px 0px #D9D9D917,
				-6px 0px 6px 0px #D9D9D917,
				6px 0px 6px 0px #D9D9D917,
				0px 5px 19px 0px #D9D9D917;
			border-radius: 20rpx;

			/deep/ .u-form {
				padding: 0 20rpx 20rpx;

			}

			.image {
				width: 720rpx;
				border-radius: 20rpx;
			}
		}

		.leftIcon {
			width: 6rpx;
			height: 30rpx;
			background: #466EC5;
			margin-right: 10rpx;
		}

		.btn {
			position: fixed;
			bottom: 100rpx;
			left: 30rpx;
			right: 30rpx;
		}

		/deep/ .u-button {
			background: #466EC5;
			border-color: transparent;
		}

		/deep/ .u-form-item__body {
			padding: 28rpx 0;
		}

		/deep/ .u-line {
			border-color: #D9D9D999;
		}

		.line {
			height: 2rpx;
			width: 93%;
			margin: 0 auto;
			background: #D9D9D999;
		}
	}
</style>